<%@ page language="java" import="java.util.*,com.bgt.*" pageEncoding="UTF-8"%>
<%@ include file="/page/comm/comm.jsp" %>
<%@ taglib uri="/baiguantao" prefix="bgt" %>
   <%
           pageContext.setAttribute("name2","xxx");    
          request.setAttribute("name2","yyy");
          UserInfo user = new UserInfo();
          user.setUserName("Xuwei");
          user.setAge("33");
          user.setEmail("test@test.test");
          user.setScore(100);
          pageContext.setAttribute("userinfo2", user);  
         %>
         
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
12314546  
<s:property value="name"/>
<br/>
<c:if test="true">
${name2} 
</c:if>
${pageScope.name2}
<br/>
<s:property value="name2"/>
<c:forEach var="item" items="${names}">
${item}<br/>
</c:forEach>
<bgt:showUserInfo user="${pageScope.userinfo2 }"/>
<bgt:object  pro="userinfo2"/>
<br/>
<a href="#"  class="easyui-linkbutton" onclick="openpanel(1)">openpanel</a>
<a href="#"  class="easyui-linkbutton" onclick="openpanel(2)">closepanel</a>
<a href="#"  class="easyui-linkbutton" onclick="$('#p').panel('open')">原生open</a>
<a href="#"  class="easyui-linkbutton" onclick="$('#p').panel('close')">原生closed</a>
<a href="#"  class="easyui-linkbutton" onclick="$('#p').panel('destroy')">原生destroy</a>
<!-- <div id="dd" title="My Dialog" style="width:400px;height:200px;"   
				        data-options="iconCls:'icon-save',resizable:true">   
				    Dialog Content.    
				</div>    -->
				<div id="p" class="easyui-panel" title="My Panel"     
				        style="width:500px;height:150px;padding:10px;background:#fafafa;"   
				        data-options="iconCls:'icon-save',closable:true">   
				        <%--,collapsible:true,minimizable:true,maximizable:true  祛除折叠 最小最大化--%>
				    <p>panel content.</p>   
				    <p>panel content.</p>   
				</div>  
<script type="text/javascript">
$(function(){
	//第一种方式

	$("#dd").dialog({
		modal:true
	});
	
	//第二种方式
	 /**
	easyloader.load("dialog",function(){
		$("#dd").dialog({
			left:"40%",
			top:"40%",
			modal:true
		});
	});
	*/
});
function openpanel(obj){
	if(obj==1){
		$("#p").panel({
			closed:false
		});
	}else{
		$("#p").panel({
			closed:true
		});
	}
}
</script>
</body>
</html>